<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>{:C('sitename')}</title>
    <meta name="renderer" content="webkit">
    <meta name="format-detection" content="telephone=no,email=no"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta name="telephone=no" content="format-detection">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no"/>

    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">

    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/lib.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/main.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/vide7.4.1/css/video-js.min.css">
    <link rel="stylesheet" href="__PUBLIC__/tables/tables.css">
<style>
    .tb-continer {
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%; }
    .tb-continer, .tb-continer th, .tb-continer td, .tb-continer tr {
        border: 1px solid #bdbdbd;
        border-collapse: collapse; }
    .tb-continer * {
        color: #f9f9f9; }
    .tb-continer .title {
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        background: #3c4c85; }
    .tb-continer .title td {
        font-size: 16px; }
    .tb-continer tr {
        height: .8rem;
        line-height: .8rem;
        text-align: center; }
    .tb-continer tr td {
        font-size: 14px; }
    .tb-continer tr:hover {
        background: #3b78a2; }
    .tb-continer tr.shu {
        background: rgba(156, 36, 30, 0.5); }
    .tb-continer tr.yin {
        background: rgba(49, 156, 45, 0.5); }
</style>
</head>
<style>
    .success {
        width: 4rem;
        height: 4rem;
        background-color: black;
        opacity: 0.9;
        margin: 0 auto;
        text-align: center !important;
        position: absolute;
        top: 5rem;
        left: 50%;
        margin-left: -2rem;
        display: none;
        z-index: 11111111111;
    }

    .success p {
        font-size: 0.5rem;
        margin-top: 0.4rem;
        color: #ffec74;
        text-align: center !important;
    }

    .right {
        width: 2rem;
        height: 1.44rem;
        margin-top: 0.6rem;
    }

    body {
        background-color: #262626;
    }

    #Cocos2dGameContainer {
        width: 100% !important;
        height: 274px !important;
    }

    .top_user {
        width: 100%;
        color: #bcb6b6;
        height: 30px;
    }

    .top_user .headimgurl, .top_user .info, .top_user .fen {
        display: inline-block;
    }

    .top_user .headimgurl {
        width: 30px;
        height: auto
    }

    .top_user .info {
        margin-top: 6px;
        vertical-align: top;
        font-size: 14px;
    }

    .top_user .fen {
        float: right;
        margin-right: 10px;
    }

    .top_user .btn {
        display: inline-block;
        background-color: #1fa1dc;
        width: 60px;
        height: 24px;
        line-height: 24px;
        border-radius: 3px;
        text-align: center;
        font-size: 14px;
        margin-top: 3px;
        border: 1px solid #1fa1dc;
        color: #FFF;
    }

    .top_user .logout {
        background: #f8ac59;
        border: 1px solid #f8ac59;
        vertical-align: top;
        margin-top: 4px;
    }

    .top_user .bind {
        background: #f8ac59;
        border: 1px solid #f8ac59;
        vertical-align: top;
        margin-top: 4px;
    }

    .top_user .button-xia {
        background-color: #1ab394 !important;
        border: 1px solid #1ab394 !important;
    }

    .top_user .lore {
        float: right;
        margin-right: 20px;
    }

    .top_user .register {
        background-color: #4825e1;
        border: 1px solid #4825e1 !important;
    }

    .tab-content .wz {
        padding: 0;
    }

    .tab-box table {
        padding: 0;
        font-size: 12px;
    }

    video {
        display: block;
    }

    .vedio-js {
        width: 100% !important;
    }

    #roomVideo {
        width: 100% !important;
        height: 4rem !important;
    }

    #header {
        width: 100%;
        height: 1.2rem;
        background-color: #262626;
        max-width: 10rem;
        min-width: 4.2rem;
        margin: 0 auto;
    }

    #nav {
        width: 10rem;
        height: 1.1rem;
        margin: 0 auto;
        white-space: nowrap;
        overflow-x: auto;
    }

    #nav::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }

    a {
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }

    #nav > a, #nav > span {
        display: inline-block;
        width: 1.333rem;
        height: 0.666rem;
        margin: 0.2rem 0.3rem;
        text-align: center;
        border: 1px solid #ffe668;
        line-height: 0.666rem;
        font-size: 0.346rem;
        color: #ffe668;
        border-radius: 5px;
    }

    .black_overlay, .black_overlay1, .black_overlay2, .black_overlay3, .black_overlay4 {
        display: none;
        position: absolute;
        top: -80%;
        left: 0%;
        width: 100%;
        height: 500%;
        background-color: black;
        z-index: 10011111;
        -moz-opacity: 0.8;
        opacity: .80;
        filter: alpha(opacity=88);
    }

    .white_content, .white_content1, .white_content2, .white_content3, .white_content4 {
        display: none;
        position: fixed;
        bottom: 0;
        width: 10rem;
        height: 60%;
        background-color: #262626;
        z-index: 1002111111;
        overflow: auto;
        border-top: 2px solid #ffe668;
    }

    .close, .close1, .close2, .close3, .close4 {
        display: none;
        width: 0.88rem;
        height: 2.09rem;
        position: fixed;
        left: 50%;
        bottom: 59.3%;
        z-index: 111111111111;
        transform: translate(-0.44rem);
    }

    #light > p, #light1 > p, #light2 > p, #light3 > p, #light4 > p {
        width: 10rem;
        margin: 0;
        height: 1.06rem;
        position: fixed;
        background-color: #262626;
        bottom: calc(60% - 1.06rem);
        z-index: 10021111111;
        border-bottom: 1px solid #67603a;
        text-align: center;
        line-height: 1.06rem;
        font-size: 0.546rem;
        color: #ffe668;
    }

    .videos {
        margin: 0.25rem 0 0.25rem 0.35rem;
    }

    .videos img {
        width: 0.52rem;
        vertical-align: middle;
    }

    .videos span {
        font-size: 0.346rem;
        color: #ffe668;
        vertical-align: middle;
    }

    .game {
        width: 9.33rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .game a {
        width: 4.53rem;
        height: 2rem;
        display: block;
        margin: 0.13rem 0;
        border: 1px solid #ffe668;
        line-height: 2rem;
        text-align: center;
    }

    .game a img {
        width: 1.3rem;
        height: 1.3rem;
        vertical-align: middle;
    }

    .game a span {
        font-size: 0.346rem;
        vertical-align: middle;
        color: #ffe668;
    }

    .footer-info {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1111111;
        height: 1.1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.2rem;
        background-color: #262626;
        color: #ffe668;
        font-size: 0.346rem;
        border-bottom: 1px solid #ffe668;
    }

    #chongzhi {
        display: inline-block;
        width: 1.3rem;
        height: 0.6rem;
        line-height: 0.6rem;
        text-align: center;
        color: #ffe668;
        border: 1px solid #ffe668;
        font-size: 0.32rem;
        border-radius: 30px;
    }

    .leftRight .content .iframewp {
        background-color: #262626 !important;
    }

    .leftRight .content iframe {
        background-color: #262626 !important;
    }

    .leftRight .content {
        background-color: #262626 !important;
    }

    .leftRight {
        background-color: #262626 !important;
    }

    .leftRight .nav, .leftRight .content {
        padding: 0 !important;
    }
    .header-top{
        width: 100%;
        padding: 28px 0;
        box-sizing: border-box;
        color: #323332;
        font-weight: bold;
        font-size: 0.42rem;
        text-align: center;
    }
    .headerTop{
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 0 24px;
        box-sizing: border-box;
    }
    .headerTop img{
        width: 0.6rem;
    }
</style>
<body>
<header>
    <div class="headerTop">
        <p></p>
        <div class="header-top">微投专家</div>
        <div  id="selectMenu" class="selectMenu">
            <img src="__PUBLIC__/Home/img/selectMenu.png" alt="">
        </div>
    </div>
    <div id="menu-ul-t" class="menu-ul-t">
        <dl class="menu-ul">
        <dd>
            <a href="{:U('Home/Fen/addpage')}?type=pk10">
                <img src="__PUBLIC__/Home/img/menuList1.png" alt="">
                <p>充值</p>
            </a>  
        </dd>
        <dd>
            <a href="{:U('Home/Fen/xiapage')}?type=pk10">
                <img src="__PUBLIC__/Home/img/menuList2.png" alt="">
                <p>提款</p>
            </a>   
        </dd>
        <dd>
            <a href="{:U('Home/User/offline')}">
                <img src="__PUBLIC__/Home/img/menuList3.png" alt="">
                <p>分享</p>
            </a>
        </dd>
        <dd>
            <a href="{:U('Home/Index/login')}">
                <img src="__PUBLIC__/Home/img/menuList4.png" alt="">
                <p>退出</p>
            </a>
        </dd>
        </dl>
    </div>
</header>
<div style="
    position:fixed;
    top:1rem;
    z-index: 9999999999999999999999;
    padding:.4rem;
    background: #080808;
    border-radius:0 0 50% 50%;
    color:#fff;
    font-size: 14px;
    display: none;
    " id="zy_loead_top">10</div>
<div class="footer-info">
    <p>用户：<span class="Name">{$userinfo.nickname}</span></p>
    <p>余额：<span class="money">{$userinfo.points}</span></p>
    <p><a id="chongzhi" href="{:U('Home/Fen/addpage')}?type=pk10">充值</a></p>
	<p><a id="chongzhi" href="{:U('Home/Fen/xiapage')}?type=pk10">提现</a></p>
</div>
<header id="nav" style="position: fixed; bottom:0; z-index: 9999999;left: 0;background-color:#fff;border-top: 1px solid #ffe668;">
    <a href="/Home/Run/index">大厅</a>
    <a href="#" onclick="openkefu()">更多</a>
    <span onclick="openRecord()">注单</span>
    <span onclick="openKjssc()">记录</span>
    <span onclick="openRule()">规则</span>
    <a href="#" onclick="openKefu()">客服</a>
    <a href="/Home/User/index">我的</a>
</header>
<!--视频-->
<div class="video" id="videoContainer"
     style="position: fixed;
            top: 0;z-index:99999;
            background-color:#262626;
            object-fit: cover;
            width:100%;
            height:6.5rem;
            margin-top: 1.1rem;
            overflow: hidden;">

    <!--http://09x8.com:8050/videotest.html-->
    <!--http://09x8.com:8050/usevideo/video.html-->
    <!--09x8.com:8050/videotest.html-->
	
	<iframe src="https://flv3.f3.cscsabcdeck.com:8442/videotest/videotest.html" height="100%" width="100%" style="overflow: hidden;height:6.5rem;"></iframe>
    <!--<iframe src="http://09x8.com:8050/videotest.html" height="100%" width="100%" style="overflow: hidden;height:6.5rem;"></iframe>-->
    <!--<iframe src="http://www.jyd88bet.net/jydVideo/dist/#/"  width="100%" style="overflow: hidden;height:6.5rem;"></iframe>-->
</div>
<!--视频-->

<script src="__PUBLIC__/Home/js/jquery.min.js"></script>
<div class="tab-content">

</div>
<style type="text/css">
    .leftRight .nav span {
        width: 54px;
        height: 33px;
        display: block;
        color: #FFF;
        font-weight: bold;;
        text-align: center;
        line-height: 33px;
        margin-top: 6px;
        border-radius: 5px;
    }

    .headimgurl {
        text-align: center;
    }

    .leftRight .nav span.jingcai {
        background-color: #008dff;
    }

    .leftRight .nav span.moregame {
        background-color: #008dff;
    }

    .leftRight .nav span.refresh {
        background-color: #cf3be6;
    }

    .leftRight .nav span.record {
        background-color: #4688df;
    }

    .leftRight .nav span.kaijiang {
        background-color: #5ac56e;
    }

    .leftRight .nav span.rule {
        background-color: #000;
    }

    .leftRight .nav span.kefu {
        background-color: #705ac5;
    }

    .leftRight .nav span.tui {
        background-color: #31b3a9;
    }

    .leftRight .nav span.sf {
        background-color: #1fa1dc;
    }

    .leftRight .nav span.xf {
        background-color: #1ab394;
    }

    .leftRight .nav span.kj {
        background-color: #4CAF50;
    }

    .none {
        display: none
    }

    .record_wrapper .water {
        width: 100%;
        height: 1.06rem;
        background-color: white;
        padding-left: 0.4rem;
        line-height: 1.06rem;
        border-bottom: 1px solid #cacaca;
        border-top: 1px solid #cacaca;
    }

    .record_wrapper .water span {
        color: #ff6600;
        font-size: 0.373rem;
    }
    .tb-container .tr {
        width: 10%;
        height: 0.9rem;
    }
</style>
<div class="main-box" style="z-index: 9999;position: relative">
    <div class="leftRight">
        <div class="nav">
        </div>
        <div class="content">
            <div class="iframewp" style="height:12rem !important;">
                <iframe id="myIframe" src="/Home/Run/jincaihundred?uid={$userinfo.id}" style="margin-bottom:0.5rem;height:12rem !important;position:fixed;top: 7.6rem;"></iframe>
            </div>
        </div>
    </div>
</div>
<a href="javascript:void(0)" onclick="closeRecord()"><img src="__PUBLIC__/Home/img/close.png" alt="" id="close1"
                                                          class="close1">
</a>
<div id="light1" class="white_content1">
    <p>注单</p>
    <table class="tb-continer" style="margin-top:1.08rem;">
        <thead>
        <tr class="title">
            <th>进项:  <span id="jin">0</span></th>
            <th>出项:  <span id="chu">0</span></th>
            <th>输赢:  <span id="ying">0</span></th>
        </tr>
        </thead>
    </table>
    <table class="tb-continer" style="">
        <thead>
        <tr class="title">
            <th>投注选项</th>
            <th>投注金额</th>
            <th>期数</th>
            <th>输赢结果</th>
        </tr>
        </thead>
        <tbody id="danzhuList">

        </tbody>
    </table>
</div>
<div id="fade1" class="black_overlay1"></div>


<a href="javascript:void(0)" onclick="closeKjssc()" style="z-index:99999999999999;"><img src="__PUBLIC__/Home/img/close.png" alt="" id="close2"
                                                         class="close2">
</a>
<div id="light2" class="white_content2">
    <p>开奖记录</p>
    <div class="kjssc_wrapper" style="margin-top:1.04rem;">
        <div class="tab-content">
            <div id="app1"></div>
        </div>
    </div>
</div>
<div id="fade2" class="black_overlay2"></div>

<a href="javascript:void(0)" onclick="closeRule()"><img src="__PUBLIC__/Home/img/close.png" alt="" id="close3"
                                                        class="close3">
</a>
<div id="light3" class="white_content3">
    <p>游戏规则</p>
    <div class="sscrule" style="color:#fff98d;padding:0 0.3rem; margin-top:1.08rem;">
        <br>
        <div class="">
            <h4 class="cl-orange" style="font-size:0.4rem; color:#fff98d;">【百家乐游戏介绍】</h4><br>
            <p>百家乐，英文为Baccarat，baccarat在意大利语中的意思就是“0”，源起于法国的一种纸牌游戏，流行于欧洲各地赌场。20世纪由叶汉先生将Baccarat从美国引入澳门，并为其起了一个具有东方色彩的名字－－百家乐。时至今日，百家乐是世界各地赌场中受欢迎的赌戏之一。在澳门的赌场中，百家乐赌桌的数目更是全球赌场之中最多。<br/>
        </div>
        <br>


    <div class="">
            <h4 class="cl-orange" style="font-size:0.4rem; color:#fff98d;">【基本玩法】</h4><br>
            <p>
                使用3～8副，每副52张纸牌，洗在一起，置於发牌盒中，由荷官从其中分发。各家力争手中有两三张牌总点数为9或接近9，K、Q、J和10都计为0，其他牌按牌面计点。计算时，将各家手中的牌值相加，但仅论最後一位数字。当场付赌金最多者为庄家。
                客人根据自己的想法可任意选择庄、闲、和与对子或其他任意一门下注。
            </p>
        </div>
        <br>
        <div class="">
            <h5 class="cl-blue" style="font-size:0.4rem; color:#fff98d;">
                【发牌与博牌】

            </h5><br>
            <p>百家乐一般用8副牌，洗牌后8副牌放在发派箱内。庄、闲家双方每局均会收到至少两张牌，但不超过三张。第一及第三张牌发给“闲家”，第二及第四张牌则发给“庄家”。至于要否博牌则根据博牌规则（或称牌例）决定。百家乐跟廿一点不同，玩家可下注于庄（Banker）或闲（Player），并无限制。<br>
            </p>
            <br>
            <h5 class="cl-blue" style="font-size:0.4rem; color:#fff98d;">
                【点数计算方法】

            </h5><br>
            <p>在百家乐中，Ace的扑克牌被算作1点；从2到9的扑克牌依点数不变，均依照其显示的点数计算；10、J、Q及K的扑克牌则被算作零点（有些赌场以10点计）。当所有牌的点数总和超过9时，则只算总数中的个位。因此，一个8和一个9的牌点大小为：7点（8 + 9 = 17）。因百家乐中只计算扑克牌的个位数值，因此可能的最大点数为9点（如一个4 和一个 5：4 + 5 = 9），最少则为0点，又称baccarat（如一个10 和一个 Q：10 + 10 = 20，只算个位是 0）。<br>
            </p>
            <br>

        </div>

        <h5 class="cl-blue" style="font-size:0.4rem; color:#fff98d;">
            【游戏赔率】
        </h5>
        <br>
        <p>
            ■赔率：<br />
            <small>
                庄，含本{:C('hundred_z_point')}倍<br />
                闲，含本{:C('hundred_x_point')}倍<br />
                和，含本{:C('hundred_h_point')}倍<br />
                庄对，含本{:C('hundred_zxd_point')}倍<br />
                闲对，含本{:C('hundred_zxd_point')}倍<br />
            </small>
            ■庄限额：{:C('hundred_z_money')}<br />
            ■闲限额：{:C('hundred_x_money')}<br />
            ■和限额：{:C('hundred_h_money')}<br/>
            ■庄对/闲对限额：{:C('hundred_zxd_money')}(总项限额)<br />
        </p>


        <br>

        <!--<br> <h4 class="cl-orange" style="font-size:0.4rem; color:#fff98d;">每期下注：总额{:C('hundred_max_money')}封顶</h4><br>-->
        <h4 class="cl-orange" style="font-size:0.4rem; color:#fff98d;">【说明】</h4><br>
        <p>
            <!-- ■没带名次默认投第一名，如「双/100」第一名双$100、「123/100」第一名123号各$100<br /> -->
            ■下注时因各地网路品质不定，可能有1-2秒延迟，以系统判定是否下注成功为准。<br />

        </p>
    </div>

</div>
<div id="fade3" class="black_overlay3"></div>

<a href="javascript:void(0)" onclick="closeKefu()">
    <img src="__PUBLIC__/Home/img/close.png" alt="" id="close4" class="close4">
</a>
<div id="light4" class="white_content4">
    <p>在线客服</p>
    <img src="{$kefu}" alt="" style="display:block;width:6.33rem;height:8.26rem;margin:1.5rem auto 0 auto;">
</div>
<div id="fade4" class="black_overlay4"></div>
<a href="javascript:void(0)" onclick="closekefu()">
    <img src="__PUBLIC__/Home/img/close.png" alt="" id="close" class="close">
</a>
<div id="light" class="white_content">
    <p>更多游戏</p>
    <div class="videos" style="margin-top:1.46rem;">
        <img src="__PUBLIC__/Home/img/list_icon.png" alt="">
        <span>视讯</span>
    </div>
    <div class="game">
        <a href="{:U('Home/Run/hundred')}">
            <img src="__PUBLIC__/Home/img/baijiale.png" alt="">
            <span>百家乐</span>
        </a>
        <a href="{:U('Home/Run/longhu')}" class="noOpen">
            <img src="__PUBLIC__/Home/img/longhudou.png" alt="">
            <span>龙虎斗</span>
        </a>
    </div>
    <div class="videos">
        <img src="__PUBLIC__/Home/img/list_icon.png" alt="">
        <span>彩票</span>
    </div>
    <div class="game" style="margin-bottom:1rem;">
        <a href="{:U('Home/Run/jspk10')}">
            <img src="__PUBLIC__/Home/img/aomen_car.png" alt="">
            <span>极速赛车</span>
        </a>
        <a href="{:U('Home/Run/pk10')}">
            <img src="__PUBLIC__/Home/img/beijing.png" alt="">
            <span>北京赛车</span>
        </a>
        <a href=" {:U('Home/Run/jsssc')}">
            <img src="__PUBLIC__/Home/img/shicai.png" alt="" style="width:1rem;height:1rem;">
            <span>极速时时彩</span>
        </a>
        <a href=" {:U('Home/Run/ssc')}">
            <img src="__PUBLIC__/Home/img/shishicai.png" alt="">
            <span>重庆时时彩</span>
        </a>
        <a href="{:U('Home/Run/jsbj28')}">
            <img src="__PUBLIC__/Home/img/xinjiapo_two.png" alt=""  style="width:1rem;height:1rem;">
            <span>急 速 2 8 </span>
        </a>
        <a href=" {:U('Home/Run/bj28')}">
            <img src="__PUBLIC__/Home/img/beijingcai.png" alt="">
            <span>北&nbsp;京&nbsp;2&nbsp;8</span>
        </a>
        <a href="{:U('Home/Run/jsft')}">
            <img src="__PUBLIC__/Home/img/fenting.png" alt="">
            <span>&#x3000;极速飞艇</span>
        </a>
        <a href="{:U('Home/Run/xyft')}">
            <img src="__PUBLIC__/Home/img/feiting.png" alt="">
            <span>&#x3000;幸运飞艇</span>
        </a>
    </div>

</div>
<div id="fade" class="black_overlay"></div>
<script src="__PUBLIC__/tables/tables.js"></script>

<script>
    function openkefu() {
        document.getElementById('light').style.display = 'block';
        document.getElementById('fade').style.display = 'block';
        document.getElementById('close').style.display = 'block';
    }

    function closekefu() {
        document.getElementById('light').style.display = 'none';
        document.getElementById('fade').style.display = 'none';
        document.getElementById('close').style.display = 'none';
    }

</script>
<script src="__PUBLIC__/layer/layer.js"></script>

<script type="text/javascript">

</script>
<script type="text/javascript">
    $(function () {
        /*------- 声明对象、参数 -----------*/
        var wp = $('.main-box .leftRight'),
            nav = wp.children('.nav'),
            navli = nav.children('a'),
            con = wp.children('.content'),
            iframe = wp.find('.iframewp');
        var num_hei = 0,
            h = 100;
        /*绑定事件*/
        navli.on('click', function () {
            var _ = $(this);
            navli.removeClass('active').filter(_).addClass('active');
            h = get_dataHei(_);
            alertHei();
            navli.filter('.shuax').attr('href', _.attr('href'));
            navli.filter('.shuax').attr('data-height', _.attr('data-height'));
        });
        /*初始化*/
        //navli.filter('.active').eq(0).children().trigger('click');
        navli.eq(0).children().trigger('click');
        windowAlter(alertHei);

        /*公共方法*/
        function get_dataHei(obj) {
            var _ = obj;
            if (typeof (_.attr('data-height')) != "undefined" && $.trim(_.attr('data-height')).length > 0 && parseInt($.trim(_.attr('data-height'))) > 100) {
                return parseInt($.trim(_.attr('data-height')));
            } else {
                return 100;
            }
        }

        function alertHei() {
            num_hei = nav.outerHeight();
            num_hei = num_hei * (h / 100);
            con.css({
                'height': num_hei + 'px'
            });
            num_hei = num_hei - parseFloat(con.css('padding-top')) - parseFloat(con.css('padding-bottom'));
            if (con.children('.top').is(':visible')) {
                var iframe_hei = num_hei - con.children('.top').outerHeight(true);
            } else {
                var iframe_hei = num_hei;
            }
            iframe.css({
                'height': iframe_hei + 'px'
            });
        }

        function getIndexing(obj) {
            var i = $.inArray(obj[0], navli);
            return 'go' + (i + 1);
        }

        function windowAlter(fun) {
            fun();
            $(window).resize(fun);
        }

        function imgloadstate(imgs, fun, Time) {
            var ys, boole,
                time = Time || 500,
                img = imgs[0];

            function pd() {
                boole = img.complete;
                if (boole) {
                    fun();
                    clearTimeout(ys);
                } else {
                    ys = setTimeout(pd, time);
                }
            }

            pd();
        }

        /*-------------选项卡（hover切换）----------*/
        tab_hover($('.leftRight .nav'), $('.tab-content'));

        function tab_hover(bt, content) {
            bt.each(function (i, e) {
                var _ = $(e);
                var _c = $(content);
                var _bt = _.children('.tab-bt'),
                    _box = _c.children('.tab-box');

                _bt.on('click', function () {
                    if (!$(this).hasClass('on')) {
                        var j = $(this).data('bt'),
                            _img = _box.filter('[data-img=' + j + ']');
                        if (_img.length > 0) {
                            _bt.removeClass('on');
                            $(this).addClass('on');
                            _box.stop(true, false).hide().removeClass('on').filter('[data-img=' + j + ']').addClass('on').fadeIn().css("display", "block");
                        }
                    }
                });
            })
        }
        ;
    })
</script>
<script type="text/javascript">
    var acontainer = $('#acontainer');
    var hasData = false;

    function AddList(data) {
        if (data.length > 0) {
            hasData = true;
            acontainer.html(data[0].data);
            acontainer.show();
        }
    }

    function beforeStartRunning() {
        acontainer.hide();
    }

    function afterEndRunning() {
        if (hasData)
            acontainer.show();
    }

    /*更多游戏弹窗*/
    $(function () {
        $(".moregame").click(function () {
            $(".pop_bg").show();
            $(".pop_game").show();
        });
        $(".pop_game .closed").click(function () {
            $(".pop_bg").hide();
            $(".pop_game").hide();
        })
    })
</script>

<!--悬浮区域-->
<link rel="stylesheet" type="text/css" href="/Template/Home/Run/css/zhicwl-f.css"/>

<div class="zhicwl-xfqugao"></div>
<div class="zhicwl-fxalpr display-box box-align-center box-pack-center">
    <div class="zhicwl-fxalpr-an1"><span>清空所选</span></div>
    <div class="zhicwl-fxalpr-an2 box-flex"><span>共<samp id="zhicwl-sqjdrt">0</samp> 注 </span></div>
    <div class="zhicwl-fxalpr-an3"><span>确定下单</span></div>
</div>

<!--确定下注弹窗-->
<div class="zhicwl-cailgao"></div>
<div class="zhicwl-qdxldfp">
    <div class="zhicwl-qdxldfp-div">
        <div class="zhicwl-jdoas display-box box-align-center">
            <h2 class="box-flex"></h2>
            <div class="zhicwl-jdlptr"><span>X</span></div>
        </div>
        <div class="zhicwl-ghsknbr">共 <span id="zhicwl-tzjev">3</span> 注， 投资金额 <span id="zhicwl-jgr">0</span> 元</div>
        <div class="zhicwl-xilaptr display-box box-align-center">
            <div>下注金额：</div>
            <!--<div class="zhicwl-xzje-inp box-flex"><input id="my_money" onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && event.keyCode<48 || event.keyCode>57) event.returnValue=false" type="text" placeholder="¥0.00" >-->
            <div class="zhicwl-xzje-inp box-flex"><input id="my_money" type="text"  readonly="readonly" value="¥0.00" >
            </div>
            <div class="zhicwl-xzqkl">
                <button>清零</button>
            </div>
        </div>
        <div class="zhicwl-sailsp">
            <dl>
                <dt>
                    <img src="__PUBLIC__/Home/images/cma2.png">
                    <b>10</b>
                </dt>
                <dt>
                    <img src="__PUBLIC__/Home/images/cma3.png">
                    <b>50</b>
                </dt>
                <dt>
                    <img src="__PUBLIC__/Home/images/cma4.png">
                    <b>100</b>
                </dt>
                <dt>
                    <img src="__PUBLIC__/Home/images/cma5.png">
                    <b>500</b>
                </dt>
                <dt>
                    <img src="__PUBLIC__/Home/images/cma6.png">
                    <b>1000</b>
                </dt>
                <dt>
                    <img src="__PUBLIC__/Home/images/cma1.png">
                    <b>5000</b>
                </dt>
            </dl>
        </div>
        <div class="zhicwl-qxldpr display-box box-align-center">
            <div class="zhicwl-qxldpr-an1"><span>取消下注</span></div>
            <div class="zhicwl-qxldpr-an2"><span>确定下注</span></div>
        </div>
    </div>
</div>
<!--/确定下注弹窗-->
<!-- <p class="Name" style="display:none;">{$userinfo.nickname}</p>
<p class="Money" style="display:none;">{$userinfo.points}</p> -->
<!--/确定下注弹窗-->
<div class="success">
    <img src="__PUBLIC__/Home/img/right.png" alt="" class="right">
    <p>投注成功</p>
</div>
<!--/悬浮区域-->


</body>
<script src="/Template/Home/Run/js/zhicwl-f.js"></script>
<!-- /后期添加的代码 -->
<script>
    ;
    (function (win, lib) {
        var doc = win.document;
        var docEl = doc.documentElement;
        var metaEl = doc.querySelector('meta[name="viewport"]');
        var flexibleEl = doc.querySelector('meta[name="flexible"]');
        var dpr = 0;
        var scale = 0;
        var tid;
        var flexible = lib.flexible || (lib.flexible = {});

        if (metaEl) {
            // console.warn('将根据已有的meta标签来设置缩放比例');
            var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
            if (match) {
                scale = parseFloat(match[1]);
                dpr = parseInt(1 / scale);
            }
        } else if (flexibleEl) {
            var content = flexibleEl.getAttribute('content');
            if (content) {
                var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
                var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
                if (initialDpr) {
                    dpr = parseFloat(initialDpr[1]);
                    scale = parseFloat((1 / dpr).toFixed(2));
                }
                if (maximumDpr) {
                    dpr = parseFloat(maximumDpr[1]);
                    scale = parseFloat((1 / dpr).toFixed(2));
                }
            }
        }
        if (!dpr && !scale) {
            var isAndroid = win.navigator.appVersion.match(/android/gi);
            var isIPhone = win.navigator.appVersion.match(/iphone/gi);
            var devicePixelRatio = win.devicePixelRatio;
            if (isIPhone) {
                // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
                if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
                    dpr = 3;
                } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
                    dpr = 2;
                } else {
                    dpr = 1;
                }
            } else {
                // 其他设备下，仍旧使用1倍的方案
                dpr = 1;
            }
            scale = 1 / dpr;
        }
        docEl.setAttribute('data-dpr', dpr);
        if (!metaEl) {
            metaEl = doc.createElement('meta');
            metaEl.setAttribute('name', 'viewport');
            metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale +
                ', minimum-scale=' + scale + ', user-scalable=no');
            if (docEl.firstElementChild) {
                docEl.firstElementChild.appendChild(metaEl);
            } else {
                var wrap = doc.createElement('div');
                wrap.appendChild(metaEl);
                doc.write(wrap.innerHTML);
            }
        }

        function refreshRem() {
            var width = docEl.getBoundingClientRect().width;
            if (width / dpr > 750) {
                width = 750 * dpr;
            }
            var rem = width / 10;
            docEl.style.fontSize = rem + 'px';
            flexible.rem = win.rem = rem;
        }

        win.addEventListener('resize', function () {
            clearTimeout(tid);
            tid = setTimeout(refreshRem, 100);
        }, false);
        win.addEventListener('pageshow', function (e) {
            if (e.persisted) {
                clearTimeout(tid);
                tid = setTimeout(refreshRem, 100);
            }
        }, false);
        if (doc.readyState === 'complete') {
            doc.body.style.fontSize = 12 * dpr + 'px';
        } else {
            doc.addEventListener('DOMContentLoaded', function (e) {
                doc.body.style.fontSize = 12 * dpr + 'px';
            }, false);
        }

        refreshRem();
        flexible.dpr = win.dpr = dpr;
        flexible.refreshRem = refreshRem;
        flexible.rem2px = function (d) {
            var val = parseFloat(d) * this.rem;
            if (typeof d === 'string' && d.match(/rem$/)) {
                val += 'px';
            }
            return val;
        }
        flexible.px2rem = function (d) {
            var val = parseFloat(d) / this.rem;
            if (typeof d === 'string' && d.match(/px$/)) {
                val += 'rem';
            }
            return val;
        }
    })(window, window['lib'] || (window['lib'] = {}));
</script>
<script>
    function openkefu() {
        document.getElementById('light').style.display = 'block';
        document.getElementById('fade').style.display = 'block';
        document.getElementById('close').style.display = 'block';
    }

    function closekefu() {
        document.getElementById('light').style.display = 'none';
        document.getElementById('fade').style.display = 'none';
        document.getElementById('close').style.display = 'none';
    }

    function openKefu() {
        document.getElementById('light4').style.display = 'block';
        document.getElementById('fade4').style.display = 'block';
        document.getElementById('close4').style.display = 'block';
    }

    function closeKefu() {
        document.getElementById('light4').style.display = 'none';
        document.getElementById('fade4').style.display = 'none';
        document.getElementById('close4').style.display = 'none';
    }
    function dateFtt(fmt,date)
    { //author: meizz
        var o = {
            "M+" : date.getMonth()+1,                 //月份
            "d+" : date.getDate(),                    //日
            "h+" : date.getHours(),                   //小时
            "m+" : date.getMinutes(),                 //分
            "s+" : date.getSeconds(),                 //秒
            "q+" : Math.floor((date.getMonth()+3)/3), //季度
            "S"  : date.getMilliseconds()             //毫秒
        };
        if(/(y+)/.test(fmt))
            fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
        for(var k in o)
            if(new RegExp("("+ k +")").test(fmt))
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
        return fmt;
    }
    function openRecord() {
        //获取数据
        $.post('/Home/Run/hundredRecord',{
            game:'hundred',
            page:0
        },function(e){
            var con=eval('('+e+')').content;
            var con_zhongji=eval('('+e+')').zongji;
            var str='';
            con.forEach((it)=>{
                if(it.type.indexOf('/')!=-1){
                    var sp=it.type.split('/');
                    var spa=it.points.split('/');
                    for(let i=0;i<sp.length;i++){
                        str+=` <tr class="${it.odds_points>0?'yin':'shu'}"><td>${sp[i]}</td><td>${spa[i]}</td><td>${it.number}</td><td>${it.is_add==="0"?'未结算':it.odds_points>0?'赢':it.odds_points<0?'输':'退回'}</td></tr>`
                    }
                }else{
                    str+=`<tr class="${it.odds_points>0?'yin':'shu'}">
                            <td>${it.type}</td>
                            <td>${it.points}</td>
                            <td>${it.number}</td>
                            <td>${it.is_add==="0"?'未结算':it.odds_points>0?it.odds_points:it.odds_points<0?it.odds_points:'退回'}</td>
                           </tr>`
                }
            });
            document.querySelector('#danzhuList').innerHTML=str;
            document.querySelector('#jin').innerHTML=eval('('+e+')')['zongji']['jin'];
            document.querySelector('#chu').innerHTML=eval('('+e+')')['zongji']['chu'];
            document.querySelector('#ying').innerHTML=eval('('+e+')')['zongji']['ying'];
            document.getElementById('light1').style.display = 'block';
            document.getElementById('fade1').style.display = 'block';
            document.getElementById('close1').style.display = 'block';
        });
    }

    function closeRecord() {
        document.getElementById('light1').style.display = 'none';
        document.getElementById('fade1').style.display = 'none';
        document.getElementById('close1').style.display = 'none';
    }

    function openKjssc() {
        $.post('/Home/Run/kjhundred',[],function(e){
            var tb=new Tables('#app1',6);
            var list=eval('('+e+')').content;
            for(let i=0;i<list.length;i++){
                let it=list[i];
                let h=Math.floor(i%6+1);
                let l=Math.floor(i/6+1);
                let as=it.award_numbers.split(',');
                as.forEach((at)=>{
                    switch(at){
                        case '庄':
                            tb.addZ(h,l);
                            break;
                        case '闲':
                            tb.addX(h,l);
                            break;
                        case '和':
                            tb.addH(h,l);
                            break;
                        case '庄对':
                            tb.addZd(h,l);
                            break;
                        case '闲对':
                            tb.addXd(h,l);
                            break;
                    }
                })
            }
            document.getElementById('light2').style.display = 'block';
            document.getElementById('fade2').style.display = 'block';
            document.getElementById('close2').style.display = 'block';
        });
    }

    function closeKjssc() {
        document.getElementById('light2').style.display = 'none';
        document.getElementById('fade2').style.display = 'none';
        document.getElementById('close2').style.display = 'none';
    }

    function openRule() {
        document.getElementById('light3').style.display = 'block';
        document.getElementById('fade3').style.display = 'block';
        document.getElementById('close3').style.display = 'block';
    }

    function closeRule() {
        document.getElementById('light3').style.display = 'none';
        document.getElementById('fade3').style.display = 'none';
        document.getElementById('close3').style.display = 'none';
    }

    function openShare() {
        $('.share_wrapper, .bg').removeClass('hide').addClass('show')
    }

    function hideShare() {
        $('.share_wrapper, .bg').removeClass('show').addClass('hide')
    }


</script>
<script>
    $(function () {
        var frm = document.getElementsByName('myIframe');
        $(frm).load(function () {
            //  等iframe加载完毕
            var wrapper = document.getElementsByName("myIframe");
            var content = wrapper[0].contentDocument || wrapper[0].contentWindow.document;
            var topWrapper = content.getElementsByClassName('top')[0]
            var main = content.getElementsByClassName('main-box')[0]
            var inputDom = content.getElementById('textarea')
            var spanDom = content.getElementsByClassName('jp_btn')[0]
            var btnDom1 = content.getElementsByClassName('zhicwl-xiaz')[0]
            var btnDom2 = content.getElementsByClassName('submit_btn')[0]

            main.style.position = 'relative'
            topWrapper.style.position = 'fixed'
            topWrapper.style.top = '0'
            topWrapper.style.left = '0'

            topWrapper.style.width = '100%'
            spanDom.style.position = 'absolute'
            spanDom.style.left = '0px'
            spanDom.style.top = '22px'
            // spanDom.style.backgroundColor = '#f60'
            spanDom.style.transform = 'translateY(-50%)'

            inputDom.style.position = 'absolute'
            inputDom.style.width = '12.5rem'
            inputDom.style.left = '55px'
            inputDom.style.top = '20px'
            inputDom.style.fontSize = '1rem'
            inputDom.style.backgroundColor = 'white'
            inputDom.style.borderBottom = '1px solid #ddd'
            inputDom.style.transform = 'translateY(-50%)'

            btnDom1.style.position = 'absolute'
            btnDom1.style.right = '4.1rem'
            btnDom1.style.top = '20px'
            btnDom1.style.transform = 'translateY(-50%)'
            // btnDom1.style.background = '#f60'
            // btnDom2.style.background = '#f60'

            btnDom2.style.position = 'absolute'
            btnDom2.style.right = '0.5rem'
            btnDom2.style.top = '20px'
            btnDom2.style.transform = 'translateY(-50%)'

        });
    })

</script>
<script>
    $('.zhicwl-akodr dl dt div').click(function () {
        alert('a')
    })
</script>
</html>